﻿<!DOCTYPE HTML>
<html>
<head>
    <title>博客</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href='http//fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <script src="js/jquery.min.js"></script>
    <!---start-login-script--->
    <script src="js/login.js"></script>
    <!---//End-login-script--->
    <!-----768px-menu----->
    <link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css"/>
    <script type="text/javascript" src="js/jquery.mmenu.js"></script>
    <script type="text/javascript">
        //	The menu on the left
        $(function () {
            $('nav#menu-left').mmenu();
        });
    </script>
    <!-----//768px-menu----->
</head>
<body>
<div class="content">
    <!------start-768px-menu---->
    <div id="page">
        <div id="header">
            <a class="navicon" href="#menu-left"> </a>
        </div>
        <nav id="menu-left">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li class="active"><a href="about.html">关于</a></li>
                <li><a href="blog.html">博客</a></li>
                <div class="clear"></div>
            </ul>
        </nav>
    </div>
    <!------end-768px-menu---->
    <!---start-header---->
    <div class="header">
        <!---start-wrap---->
        <div class="wrap">
            <div class="header-left">
                <div class="logo">
                    <a href="index.html"><img src="images/logo.jpg"/></a>
                </div>
            </div>
            <div class="header-right">
                <div class="top-nav">
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li class="active"><a href="about.html">关于</a></li>
                        <li><a href="blog.html">博客</a></li>
                    </ul>
                </div>

                <div class="sign-ligin-btns">
                    <ul>
                        <li id="loginContainer"><a class="login" id="loginButton" href="#"><span>登录</span></a>
                            <div class="clear"></div>
                            <div id="loginBox">
                                <form id="loginForm">
                                    <fieldset id="body">
                                        <fieldset>
                                            <label for="email">邮箱号</label>
                                            <input type="text" name="email" id="email"/>
                                        </fieldset>
                                        <fieldset>
                                            <label for="password">密码</label>
                                            <input type="password" name="password" id="password"/>
                                        </fieldset>
                                        <label class="remeber" for="checkbox"><input type="checkbox" id="checkbox"/>记住我</label>
                                        <input type="submit" id="login" value="登录"/>
                                    </fieldset>
                                    <span><a href="#">忘记密码？</a></span>
                                </form>
                            </div>
                            <!-- Login Ends Here -->
                        </li>
                        <li id="signupContainer"><a class="signup" id="signupButton" href="#"><span>注册</span></a>
                            <div class="clear"></div>
                            <div id="signupBox">
                                <form id="signupForm">
                                    <fieldset id="signupbody">
                                        <fieldset>
                                            <label for="email">邮箱号 <span>*</span></label>
                                            <input type="text" name="email" id="signupemail"/>
                                        </fieldset>
                                        <fieldset>
                                            <label for="password">请您输入密码<span>*</span></label>
                                            <input type="password" name="password" id="signuppassword"/>
                                        </fieldset>
                                        <fieldset>
                                            <label for="password">请您再次输入密码<span>*</span></label>
                                            <input type="password" name="password" id="signuppassword1"/>
                                        </fieldset>
                                        <input type="submit" id="signup" value="现在注册!"/>
                                    </fieldset>
                                </form>
                            </div>
                            <!-- Login Ends Here -->
                        </li>
                        <div class="clear"></div>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="wrap">
        <div class="section-title">
            <h3>关于我们</h3>
        </div><!--section-title-->
    </div>
</div>
<div class="about">
    <p class="about-title">欢迎来到我的网站！</p>
    <div class="wrap">
        <div class="row-fluid">
            <div class="row_side-left">
                <h3>您是谁？<span> </span></h3>
                <img src="images/free-money-course.jpg" alt=""/>
            </div>
            <div class="row_side-right">
                <div class="skills">
                    <h3>我们的技术<span> </span></h3>
                    <p>我的代码可以改变世界！</p>
                    <div class="flx-skill">
                        <p class="flx-skill-title">Web & UI</p>
                        <p class="flx-skill-number">95%</p>
                        <div class="progress-bar flexible animate"><span class="progress-95"
                                                                         style="width: 95%"><span> </span></span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="flx-skill">
                        <p class="flx-skill-title">iOs 开发</p>
                        <p class="flx-skill-number">70%</p>
                        <div class="progress-bar flexible animate"><span class="progress-70"
                                                                         style="width: 70%"><span> </span></span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="flx-skill">
                        <p class="flx-skill-title">黑客攻防</p>
                        <p class="flx-skill-number">50%</p>
                        <div class="progress-bar flexible animate"><span class="progress-50"
                                                                         style="width: 50%"><span> </span></span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="flx-skill">
                        <p class="flx-skill-title">java</p>
                        <p class="flx-skill-number">90%</p>
                        <div class="progress-bar flexible animate"><span class="progress-90"
                                                                         style="width: 90%"><span> </span></span></div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="team" id="team">
            <div class="heading_h">
                <h3><a href="#">我的团队</a></h3>
            </div>
            <div class="middle-grids">
                <div class="grid_1_of_4 images_1_of_4">
                    <a href="details.html">
                        <span class="rollover"> </span>
                    </a>
                    <img src="images/pic2.jpg" alt="Image 1">
                    <h3>彭鑫</h3>
                    <h4>CEO</h4>
                    <p>开发者，我们只做第一！</p>
                </div>
                <div class="grid_1_of_4 images_1_of_4">
                    <a href="details.html">
                        <span class="rollover"> </span>
                    </a>
                    <img src="images/pic1.png">
                    <h3>林志凯</h3>
                    <h4>java工程师</h4>
                    <p>开发者，我们只做第一！</p>
                </div>
                <div class="grid_1_of_4 images_1_of_4">
                    <a href="details.html">
                        <span class="rollover"> </span>
                    </a>
                    <img src="images/pic2.png">
                    <h3>陈泳蓉</h3>
                    <h4>WEB前端工程师</h4>
                    <p>开发者，我们只做第一！</p>
                </div>
                <div class="clear"></div>
            </div>
            <div class="middle-grids">
                <div class="grid_1_of_4 images_1_of_4">
                    <a href="details.html">
                        <span class="rollover"> </span>
                    </a>
                    <img src="images/pic2.jpg" alt="Image 1">
                    <h3>？？？？</h3>
                    <h4>？？？？</h4>
                    <p>开发者，我们只做第一！</p>
                </div>
                <div class="grid_1_of_4 images_1_of_4">
                    <a href="details.html">
                        <span class="rollover"> </span>
                    </a>
                    <img src="images/pic1.png">
                    <h3>？？？？</h3>
                    <h4>？？？？</h4>
                    <p>开发者，我们只做第一！</p>
                </div>
                <div class="grid_1_of_4 images_1_of_4">
                    <a href="details.html">
                        <span class="rollover"> </span>
                    </a>
                    <img src="images/pic2.png">
                    <h3>？？？？</h3>
                    <h4>？？？？</h4>
                    <p>开发者，我们只做第一！</p>
                </div>
                <div class="clear"></div>
            </div>
            <div class="middle-grids">
                <div class="grid_1_of_4 images_1_of_4">
                    <a href="details.html">
                        <span class="rollover"> </span>
                    </a>
                    <img src="images/pic2.jpg" alt="Image 1">
                    <h3>？？？？</h3>
                    <h4>？？？？</h4>
                    <p>开发者，我们只做第一！</p>
                </div>
                <div class="grid_1_of_4 images_1_of_4">
                    <a href="details.html">
                        <span class="rollover"> </span>
                    </a>
                    <img src="images/pic1.png">
                    <h3>？？？？</h3>
                    <h4>？？？？</h4>
                    <p>开发者，我们只做第一！</p>
                </div>
                <div class="grid_1_of_4 images_1_of_4">
                    <a href="details.html">
                        <span class="rollover"> </span>
                    </a>
                    <img src="images/pic2.png">
                    <h3>汪自富</h3>
                    <h4>码农</h4>
                    <p>开发者，我们只做第一！</p>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="wrap">
        <div class="footer-left">
            <div class="copy">
                <p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank"
                                                                             href="http://itwangyang.xyz">itwang</a></p>
            </div>
        </div>
        <div class="social_icons">
            <ul>
                <li class="in"><a href="#"><span> </span></a></li>
                <li class="pro"><a href="#"><span> </span></a></li>
                <li class="twitter"><a href="#"><span> </span></a></li>
                <li class="facebook"><a href="#"><span> </span></a></li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="clear"></div>
    </div>

</div>
<div style="display:none">
</div>
</body>
</html>